<template>
	<!-- 我的收藏 -->
	<el-container class="body">
		<el-header style="height: 0;z-index: 1;">
			<el-radio-group v-model="activeName" style="margin-bottom: 30px;">
				<el-radio-button label="agricultural">农产品</el-radio-button>
				<el-radio-button label="agritainment">农家乐</el-radio-button>
				<el-radio-button label="postCollection">帖子</el-radio-button>
			</el-radio-group>
		</el-header>
		<el-main style="padding: 40px 0 0 20px;overflow-y: auto;">
			<Agricultural v-if="activeName == 'agricultural'"></Agricultural>
			<Agritainment v-if="activeName == 'agritainment'"></Agritainment>
			<PostCollection v-if="activeName == 'postCollection'"></PostCollection>
		</el-main>
	</el-container>
</template>

<script>
	import Agricultural from "../../components/foreground/MyPocket/Agricultural.vue"
	import Agritainment from "../../components/foreground/MyPocket/Agritainment.vue"
	import PostCollection from "../../components/foreground/MyPocket/PostCollection.vue"
	export default {
		components: {
			Agricultural,
			Agritainment,
			PostCollection,
		},
		data() {
			return {
				activeName: 'agricultural',
			};
		},
	}
</script>

<style lang="scss" scoped>
	.body {
		margin: 0 0 0 0;
	}

	.body::-webkit-scrollbar {
		display: none;
	}
</style>